/* 
    Document   : playlist
    Created on : 23.10.2012, 16:34:08
    Author     : Martin Řehánek <Martin.Rehanek at mzk.cz>
    Description:
        Purpose of the stylesheet follows.
*/


.playlist{
    padding: 2px;
    width: 500px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    margin:10px;
    vertical-align: middle;
}

.playlistShown{
    display: block;   
}

.playlistHidden{
    display: none;
}


.playlistHeader{
    text-align: center;
}

.playlistBtnItemDown{
    width: 25px;
    height: 22px;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    background-image: url("../img/audioplayer/new/k4-player-down.png");
}

.playlistBtnItemDown:hover{
    background-image: url("../img/audioplayer/new/k4-player-down-hover.png");
}

.playlistBtnItemUp{
    width: 25px;
    height: 22px;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    background-image: url("../img/audioplayer/new/k4-player-up.png");
}

.playlistBtnItemUp:hover{
    background-image: url("../img/audioplayer/new/k4-player-up-hover.png");
}

.playlistItem{
    font-family: Verdana,Arial,sans-serif;
    font-size: 0.8em;

    border-width: 1px;
    border-bottom-style: solid;
    border-top-style: solid;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;

    background-color: lightgrey;
    text-align: right;
    padding: 3px;

    vertical-align: central;
    cursor: default;
}


/*aktivní položka - hraje, má pausu, ...*/
.playlistItemActive{
    background-color: #ee7c00;
}

/*vybraná položka - může se pohybovat v playlistu nahoru, dolů*/
.playlistItemSelected{
    font-weight: bold;
}

.playlistItemTitle {
    /*margin: 4px;*/
    /*background-color: #fedd1e;*/
    width: 420px;
    height: 16px;
    display: inline-block;
    /*background-color: #ccc;*/
    text-align: left;
    padding-left: 5px;
    /*cursor:pointer;*/
    /*vertical-align: central;*/
    margin-left: 5px;
    margin-right: 10px;
    text-align: left;
}

.playlistItemLength{
    display: inline-block;
    /*background-color: yellow;*/
    margin: 3px;
    /*margin-bottom: 10px;*/

    /*    vertical-align: central;*/
    text-align: right;
}

.playlistBtnItemRemove {
    display: inline-block;
    vertical-align: central;
    margin-top: 3px;
    margin-right: 5px;
    margin-left: 5px;
    background-image: url("../img/audioplayer/new/k4-player-delete.png");
    width: 13px;
    height: 13px;
}

.playlistBtnItemRemove:hover {
    background-image: url("../img/audioplayer/new/k4-player-delete-hover.png");
}






